﻿@{
   
    Layout = "~/Areas/webshow/Views/Shared/WebHeader.cshtml";
}

<link id='camera-css' href="@Url.Content("~/Areas/webshow/Content/slideshowcss/camera.css")" rel="stylesheet" />
<link href="@Url.Content("~/Areas/WebShow/Content/style.css")" rel="stylesheet" />
<script type='text/javascript' src="@Url.Content("~/Areas/webshow/Scripts/jquery-1.6.3.min.js")"></script>
<script type='text/javascript' src="@Url.Content("~/Areas/webshow/Scripts/slideshowscripts/jquery.easing.1.3.js")"></script>
<script type='text/javascript' src="@Url.Content("~/Areas/webshow/Scripts/slideshowscripts/jquery.mobile.customized.min.js")"></script>
<script type='text/javascript' src="@Url.Content("~/Areas/webshow/Scripts/slideshowscripts/camera.js")"></script>
<script src="~/Areas/webshow/Scripts/YlMarquee.js"></script>
<script>
    jQuery(function () {

        jQuery('#camera_wrap_1').camera({
            width: '400px',
            height: '300px',
            pagination: false,
            loader: 'bar',
            thumbnails: false

        });

        jQuery('#camera_wrap_2').camera({
            width: '400px',
            height: '400px',
            loader: 'bar',
            pagination: false,
            thumbnails: true
        });
    });
</script>

<script type="text/javascript">
    $(document).ready(function () {

        $(".stroll2").jMarquee({
            visible: 4,
            step: 1,
            direction: "left"
        });



    })
</script>


<div id="banner" class="container">
    <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">

        <div data-thumb="../../Content/slideshowimages/slides/thumbs/klAL1.jpg" data-src="@Url.Content("~/Areas/WebShow/Content/slideshowimages/slides/klAL1.jpg")">
            <div class="camera_caption fadeFromBottom">
                海尔洗衣机蝉联全球第一暨2011战略发布会 
            </div>
        </div>
        <div data-thumb="../../Content/slideshowimages/slides/thumbs/klAL2.jpg" data-src="@Url.Content("~/Areas/WebShow/Content/slideshowimages/slides/klAL2.jpg")">
            <div class="camera_caption fadeFromBottom">
                海信2011春季服装发布会 
            </div>
        </div>
        <div data-thumb="../../Content/slideshowimages/slides/thumbs/bridge.jpg" data-src="@Url.Content("~/Areas/WebShow/Content/slideshowimages/slides/bridge.jpg")">
            <div class="camera_caption fadeFromBottom">
                测试1 <em>Try to resize the browser window</em>
            </div>
        </div>

    </div>
</div>

<div id="page" class="container">
    <div id="content">
        <h2 >凯俐文化简介</h2>
        <p>
        </p>
        <p>
            <strong>凯俐文化</strong>是一家专为集团公司和大型企业提供国际标准公关会务和市场推广服务的杰出公司。 <strong>凯俐文化</strong>的宗旨是为每一位客户提供无限创想和推广服务，其策略性的思考、周密的公关计划安排、
                    无限创意的主题活动，为客户品牌占有市场提供助力和声誉。

        </p>
        <div class ="bg"></div>
        <h3>品牌传播</h3>
        <div style="margin: 10px 0px 0px 0px; color: #919192; line-height: 156%; overflow: hidden; width: 562px;">
            <span style="font-size: 14px;"><a href="" style="padding: 0px 0px 0px 25px"><strong>资源整合</strong></a><a href="" style="padding: 0px 0px 0px 25px"><strong>公关策略咨询</strong></a><a
                href="" style="padding: 0px 0px 0px 25px"><strong>公关传播</strong></a><a href="" style="padding: 0px 0px 0px 25px"><strong>政府关系</strong></a><br />
                <a href="" target="_blank" style="padding: 0px 0px 0px 25px"><strong>危机管理</strong></a><a
                    href="" style="padding: 0px 0px 0px 25px"><strong>公关活动管理</strong></a><a href="" style="padding: 0px 0px 0px 25px"><strong>媒体关系</strong></a><a
                        href="\" style="padding: 0px 0px 0px 25px"><strong>品牌推广</strong></a></span>
        </div>
       <div class ="bg"></div>
        <h3 >凯利合作关系</h3>
        <div style="margin: 10px 0px 0px 0px; color: #919192; line-height: 156%; overflow: hidden; width: 545px;">
            <div class="stroll2" style="WIDTH: 545px; HEIGHT: 40px">

                <ul
                    style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px">
                    <li><a href=""
                        target="_blank">
                        <img class="pic" height="50"
                            src="@Url.Content("~/Areas/WebShow/Content/YIMarquee/haier.jpg")" width="85" border="0"></a>
                    <li><a href=""
                        target="_blank">
                         <img class="pic" height="50"
                            src="@Url.Content("~/Areas/WebShow/Content/YIMarquee/haixin.jpg")" width="85" border="0"></a>
                    <li><a href=""
                        target="_blank">
                       <img class="pic" height="50"
                            src="@Url.Content("~/Areas/WebShow/Content/YIMarquee/haier.jpg")" width="85" border="0"></a>
                    <li><a href=""
                        target="_blank">
                        <img class="pic" height="50"
                            src="@Url.Content("~/Areas/WebShow/Content/YIMarquee/haixin.jpg")" width="85" border="0"></a>
                    </li>
                      <li><a href=""
                        target="_blank">
                        <img class="pic" height="50"
                            src="@Url.Content("~/Areas/WebShow/Content/YIMarquee/haier.jpg")" width="85" border="0"></a>
                    </li>
                </ul>
            </div>

            @*<span style="font-size: 14px;"><a href="" style="padding: 50px 0px 10px 25px"><strong>百度 </strong></a><a href="" style="padding: 50px 0px 10px 25px"><strong>新浪 </strong>
                    </a><a href="" style="padding: 50px 0px 10px 25px"><strong>搜狐 </strong></a><a href=""
                        style="padding: 50px 0px 10px 25px"><strong>海尔</strong> </a>
                        <br />
                    </span>*@
        </div>
    </div>
    <div id="middleContent">
        <h2>新闻动态</h2>
        <p>
        </p>

        <p>
        </p>
        <div></div>
        <ul>
            <li><a href="#" title="海尔洗衣机蝉联全球第一暨2011战略发布会">海尔洗衣机蝉联全球..</a><span class="time">2013-06-15</span></li>
            <li><a href="#" title="海信2011春季服装发布会">海信2011春季服装发布会</a><span class="time"> 2013-06-15</span></li>
            <li><a href="#" title="美宝莲全国彩妆大赛">美宝莲全国彩妆大赛</a><span class="time"> 15:02</span></li>
            <li><a href="#" title="凯迪拉克赛威2.0T2011青岛上市发布">凯迪拉克赛威2.0T2011青...</a><span class="time"> 15:02</span></li>
            <li><a href="#" title="海尔洗衣机蝉联全球第一暨2011战略发布会">海尔洗衣机蝉联全球...</a><span class="time"> 15:02</span></li>
            <li><a href="#" title="海信2011春季服装发布会">海信2011春季服装发布会</a><span class="time"> 15:02</span></li>
            <li><a href="#" title="美宝莲全国彩妆大赛">美宝莲全国彩妆大赛</a><span class="time"> 15:02</span></li>
            <li><a href="#" title="凯迪拉克赛威2.0T2011青岛上市发布">凯迪拉克赛威2.0T2011青岛上市发布</a><span class="time"> 15:02</span></li>
        </ul>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />

    </div>
    <div id="sidebar">
        <div>
            <h2>微博链接</h2>
            <ul class="style1">
                <li class="first">

                    <iframe width="250" height="220" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=250&height=230&fansRow=2&ptype=1&speed=100&skin=5&isTitle=0&noborder=0&isWeibo=1&isFans=0&uid=3540197164&verifier=a5fc16e5&dpc=1"></iframe>
                  @*<iframe width="250" height="200" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=280&height=200&fansRow=2&ptype=1&speed=100&skin=5&isTitle=0&noborder=0&isWeibo=1&isFans=0&uid=3540197164&verifier=a5fc16e5&dpc=1"></iframe>*@

          </li>
                <li>
                    <h2>联系我们</h2>
                    <p>
                        <a href="#">青岛凯俐文化传播股份有限公司
                                    <br />
                            周继伟 15288961937 /18661605220</a>
                    </p>
                </li>
            </ul>
        </div>
    </div>
</div>
  